<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form>
                    <h:panelGrid columns="1" style="width: 650px;margin: 0px auto;">
                        <p:commandButton id="btnNuevoFacturas" action="#{MBVentaDeposito.nuevo()}" value="NUEVO DEPOSITO" ajax="false" />
                    </h:panelGrid> 
                </h:form>

                <h:form id="formBusquedaDepositos">
                    <p:panel id="pnlBusquedaDepositos" widgetVar="buscar" toggleable="true"
                             header="Consultar Depositos" collapsed="#{BKVentaDeposito.listaDepositos ne null}"

                             style="width: 650px;margin: 0px auto;">
                        <br/>

                        <table border="0" cellspacing="3" cellpadding="3">                                               
                            <tbody>
                                <tr>
                                    <td style="width: 120px">
                            <h:outputLabel id="lblBanco" value="CUENTA. " class="lblBusqueda" />
                            </td>
                            <td colspan="3">
                            <p:selectOneMenu id="cbxBanco" style="width: 405px"
                                             value="#{BKVentaDeposito.ventaDepositoBusqueda.cuenta.id}">
                                <f:selectItem itemLabel="Seleccionar" itemValue="0" />
                                <f:selectItems value="#{BKVentaDeposito.listaCuentaBus}"
                                               var="cuenta" itemLabel="#{cuenta.idBanco.nombre}  (#{cuenta.idTipoMoneda.simbolo}) : #{cuenta.numeroCuenta}"
                                               itemValue="#{cuenta.id}" />
                            </p:selectOneMenu>
                            </td>
                            </tr>

                            <tr>
                            <td>
                            <h:outputLabel id="lblNroFacturaBuscar" value="NRO. DEPOSITO " class="lblBusqueda" />
                            </td>
                            <td colspan="3">
                            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtNumeroFactura"  value="#{BKVentaDeposito.ventaDepositoBusqueda.numdocumento}"
                                         style="width: 100%"/>
                            </td>
                            </tr>

                            <tr>
                                <td>
                            <h:outputLabel id="lblBuscarDel" value="DEL " class="lblBusqueda" />
                            </td>
                            <td>
                            <p:calendar id="txtFechaInicioCot" locale="es"
                                        value="#{BKVentaDeposito.busquedaDel}" 
                                        pattern="dd/MM/yyyy" 
                                        maxdate="#{BKVentaDeposito.busquedaAl}"
                                        showOn="button" showButtonPanel="true" navigator="true">
                                <p:ajax event="dateSelect" listener="#{MBVentaDeposito.marcarInicioOC}" update="txtFechaFinalCot" />
                            </p:calendar>
                            </td>
                            <td>
                            <h:outputLabel id="lblBuscarAl" value="  AL  "  class="lblBusqueda" />
                            </td>
                            <td>
                            <p:calendar id="txtFechaFinalCot" locale="es"
                                        value="#{BKVentaDeposito.busquedaAl}" 
                                        pattern="dd/MM/yyyy"
                                        mindate="#{BKVentaDeposito.busquedaDel}"
                                        showOn="button" showButtonPanel="true" navigator="true">
                                <p:ajax event="dateSelect" listener="#{MBVentaDeposito.marcarFinalOC}" update="txtFechaInicioCot" />
                            </p:calendar>
                            </td>
                            </tr>

                            <tr>
                                <td colspan="4">
                            <p:commandButton id="btnBuscarFacturas" value="BUSCAR"
                                             update="pnlBusquedaDepositos,dataTablaDepositos"
                                             action="#{MBVentaDeposito.buscarListaDepositos()}"
                                             oncomplete="listaDepositos.show();buscar.toggle()" style="font-size: 12px" />
                            </td>

                            </tr>


                            </tbody>
                        </table>

                    </p:panel>

                    <p:panel id="pnlListarDepositos"
                             header="Lista de Depositos" closable="true"
                             style="width: 100%;margin: 10px auto" widgetVar="listaDepositos"
                             visible="#{(BKVentaDeposito.listaDepositos eq null)?false:true}">

                        <p:dataTable id="dataTablaDepositos" var="deposito"
                                     value="#{BKVentaDeposito.listaDepositos}" widgetVar="lista"
                                     emptyMessage="No se encontraron Facturas"
                                     filteredValue="" rowIndexVar="rowIndex" paginator="true" rows="10"
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="20,40,60" paginatorPosition="bottom" styleClass="datable-busqueda">

                            <f:facet name="header">
                                <p:outputPanel layout="block" >
                                    <h:commandButton value="Exportar EXCEL">  
                                        <p:dataExporter type="xls" target="dataTablaDepositos" fileName="Export" />  
                                    </h:commandButton>  

                                    <h:commandButton value="Exportar PDF">  
                                        <p:dataExporter type="pdf" target="dataTablaDepositos" fileName="Export"/>  
                                    </h:commandButton>
                                </p:outputPanel>

                            </f:facet>

                            <p:column id="idColumnaNum" style="width: 5%">
                                <f:facet name="header">  
                                    <h:outputText value="Num." />  
                                </f:facet>
                                <h:outputText value="#{rowIndex+1}" />
                            </p:column>

                            <p:column id="idColumnaFecha" style="width: 15%" sortBy="#{deposito.fecha}" >
                                <f:facet name="header">  
                                    <h:outputText value="Fecha" />  
                                </f:facet>
                                <h:outputText value="#{deposito.fecha}" >
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText>
                            </p:column>

                            <p:column id="idColumnaBanco" style="width: 15%" sortBy="" >
                                <f:facet name="header">  
                                    <h:outputText value="Banco" />  
                                </f:facet>
                                <h:outputText value="#{deposito.cuenta.idBanco.nombre}" />
                            </p:column>

                            <p:column id="idColumnaCuenta" style="width: 15%" sortBy="" >
                                <f:facet name="header">  
                                    <h:outputText value="Cuenta" />  
                                </f:facet>
                                <h:outputText value="#{deposito.cuenta.numeroCuenta}" />
                            </p:column>

                            <p:column id="idColumnaNumero" style="width: 15%" sortBy="#{deposito.numdocumento}" >
                                <f:facet name="header">  
                                    <h:outputText value="Nro Documento" />  
                                </f:facet>
                                <h:outputText value="#{deposito.numdocumento}" />
                            </p:column>


                            <p:column id="idColumnaMoneda" style="width: 5%" sortBy="">
                                <f:facet name="header">  
                                    <h:outputText value="Moneda" />  
                                </f:facet>
                                <h:outputText value="#{deposito.cuenta.idTipoMoneda.nombre}" />
                            </p:column>

                            <p:column id="idColumnaVenta" style="text-align: right;width: 15%" sortBy="#{deposito.monto}" >
                                <f:facet name="header">  
                                    <h:outputText value="Monto" />  
                                </f:facet>
                                <h:outputText value="#{deposito.monto}" ><f:convertNumber   minFractionDigits="2" maxFractionDigits="2"  /></h:outputText>
                            </p:column>

                            <p:column id="idColumnaAcciones"  style="width: 10%" headerText="#{message['general.label.tipoAcesso']}" exportable="false">

                                <p:commandButton id="selectButton" update=":formBusquedaDepositos:display" oncomplete="carDialog.show()" 
                                                 icon="ui-icon-search" title="Ver Imagen">  
                                    <f:setPropertyActionListener value="#{deposito}" target="#{BKVentaDeposito.ventaDepositoSeleccionado}" />  
                                </p:commandButton>  

                                <p:commandButton icon="ui-icon-pencil" title="#{message['general.button.editar']}" action="#{MBVentaDeposito.editar()}" 
                                                 immediate="true" ajax="false" rendered="false">
                                    <f:setPropertyActionListener value="#{deposito}" target="#{BKVentaDeposito.ventaDepositoSeleccionado}" />  
                                </p:commandButton>
                                
                                <p:commandButton id="btnEliminarBanco" title="Eliminar" icon="ui-icon-trash"  oncomplete="confirmarEliminar.show()">
                                    <f:setPropertyActionListener value="#{deposito}" target="#{BKVentaDeposito.ventaDepositoSeleccionado}" />
                                </p:commandButton>
                            </p:column>


                        </p:dataTable>
                    </p:panel>
                    <p:dialog header="Imagen Adjunta" widgetVar="carDialog" resizable="true" id="carDlg"  
                              showEffect="fade" hideEffect="explode" modal="true">  

                        <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">  

                            <p:graphicImage value="/deposito/#{BKVentaDeposito.ventaDepositoSeleccionado.docsustento}"/>  

                        </h:panelGrid>  

                    </p:dialog>  

                    <p:confirmDialog id="dlgEliminarOrdenCompra" message="#{message['dialog.confirmacion.mensaje']}" 
                                     header="#{message['dialog.confirmacion.header']}" severity="alert" widgetVar="confirmarEliminar">
                        <p:commandButton id="btnConfEliOrdenCompra" update="dataTablaDepositos" value="Si"  oncomplete="confirmarEliminar.hide()"  
                                         actionListener="#{MBVentaDeposito.eliminar}" />  
                        <p:commandButton id="btnCancEliOrdenCompra" value="No" onclick="confirmarEliminar.hide()" type="button" />   
                    </p:confirmDialog>
                </h:form>


            </f:view>
        </ui:define>
    </ui:composition>

</html>
